<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/FakeoutFoot.css" />

		<script src="../js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="loading" v-show="!loading">
			<div class="load"></div>
			<div class="load2"></div>
		</div>
		<div class="main" v-show="loading" v-bind:style="{visibility: 'visible'}">
			<div class="top">
				<div class="position" onclick="history.go(-1)">
					<i class="icon Hui-iconfont">&#xe6c9;</i> 天津理工大学
				</div>
				<!--头部的定位-->
				<form class="select">
					<input type="text" placeholder="搜索商家、商品" name="" id="" value="" />
				</form>
			</div>
			<div class="foodentry-wrapper">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:" v-for="item in swiper1" @click="targetShoplist1($index)">
								<div class="container"><img src={{item.img}}>
									<!---->
								</div><span class="title" v-html="item.name">美食</span>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:" v-for="item in swiper2" @click="targetShoplist2($index)">
								<div class="container"><img src={{item.img}}>
									<!---->
								</div><span class="title" v-html="item.name">麻辣烫</span>
							</a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<h3 class="index-title">推荐商家</h3>
			<!--标题-->
			<div class="shoplist">
				<div class="index-container" v-for="item in shop" @click="targetShopmain($index)">

					<div class="index-container-img">
						<!--logo图-->
						<img :src="item.img"/>
					</div>
					<div class="index-container-main">
						<div class="index-container-name" v-html="item.name">
							<!--商店名-->
						</div>
						<div class="index-rateWrap">
							<!--评价以及月销售-->
							<i class="icon Hui-iconfont star" v-for="items in item.grade">&#xe6ff;</i> 月售{{item.ratewarp}}单
						</div>
						<div class="index-moneylimit">
							<!--起送价，配送费-->
							{{item.moneylimit}}元起送/配送费{{item.sendprice}}元
						</div>
					</div>
				</div>
			</div>
			<div class="">

			</div>
			<div class="foot">
				<div class="takeoutfoot">
					<i class="icon Hui-iconfont">&#xe66a;</i>
					<p>
						外卖
					</p>
				</div>
				<div class="order" onclick="location.href='../Order/order.html'">
					<i class="icon Hui-iconfont">&#xe681;</i>
					<p>
						订单
					</p>
				</div>
				<div class="mine" onclick="location.href='../mine/mine.html'">
					<i class="icon Hui-iconfont">&#xe60d;</i>
					<p>
						我的
					</p>
				</div>
			</div>
		</div>
	</body>
	<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/TakeoutFood.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper('.swiper-container', {
			loop: true,
			pagination: '.swiper-pagination',
		})
	</script>

</html>